<template>
  <div class="imgsCont">
    <img v-for="items in hotCityData" :key="items.id" :src="items.img" alt="">
  </div>
</template>
<script>
// 引入获取热门城市接口
import { getReturneeHotCity } from '@/api'
export default {
  name: 'returneehotcity',
  data() {
    return {
      hotCityData: []
    }
  },
  mounted() {
    getReturneeHotCity().then((res)=>{
      this.hotCityData = res.data.data;
    });
  },
}
</script>
<style lang="less">
  .imgsCont{
    width: 100%;
    height: 144px;
    background-color: #f6f6f8;
    display: flex;
    overflow: hidden;

      img{
        width: 194px;
        height: 80px;
        display: block;
        margin-right: 4px;
      }
  }
</style>